<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 40px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

.pure-table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #cbcbcb;
}

.pure-table caption {
	color: #000;
	font: italic 85%/1 arial, sans-serif;
	padding: 1em 0;
	text-align: center;
}

.pure-table td, .pure-table th {
	border-left: 1px solid #cbcbcb;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: .5em 1em;
}

.pure-table thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}

.pure-table td {
	background-color: transparent;
}

.pure-table-bordered td {
	border-bottom: 1px solid #cbcbcb;
}

.pure-table-bordered tbody>tr:last-child>td {
	border-bottom-width: 0;
}
</style>

</head>
<body>

<table class="pure-table pure-table-bordered">
		<tr>
			<td>订单编号：${order.order_id} </td>
			<td>用户：${order.userName }</td>
			<td>收货人：${order.contactman } </td>
			<td>收货人地址：${order.address }</td>
		</tr>
		<tr>
			<td>收货人电话：${order.phone }</td>
			<td>订单日期：${order.orderDate } </td>
			<td>发货日期：${order.deliverDate }</td>
			<td>收货日期：${order.receiveDate }</td>
		</tr>
		<tr>
			<td>总价：<fmt:formatNumber type="number" value="${order.orderSum}"
								pattern="0.00" maxFractionDigits="2" /></td>
			<td>
				订单状态：<c:choose>
			<c:when test="${order.status eq '0'}">
				未付款
    		</c:when>
    			<c:when test="${order.status eq '1'}">
					已付款
    			</c:when>
    			<c:when test="${order.status eq '2'}">
					已发货
    			</c:when>
				<c:otherwise>
					已收货
    			</c:otherwise>
			</c:choose>
			</td>
			<td>备注：${order.note}</td>
			<td></td>
		</tr>
	</table>
	
	<table class="pure-table pure-table-bordered">
		<thead>订单详细信息</thead>
		<thead>
			<tr>
				<th>商品名</th>
				<th>图片</th>
				<th>数量</th>
				<th>价格</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach var="orderdetail" items="${orderDetiallist}">
				<tr>
					<td>${orderdetail.good_name }</td>
					<td><img alt="" height="80" width="80"
						src="upload/${orderdetail.good_picture}"> </img></td>
					<td>${orderdetail.quantity }</td>
					<td><fmt:formatNumber type="number" value="${orderdetail.good_price}"
							pattern="0.00" maxFractionDigits="2" /></td>
				</tr>
			</c:forEach>
		</tbody>




</body>
</html>